<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <link rel="stylesheet" href="css/index.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>
<!--header-->
<div class="header2">
<div class="header-box">
    <div class="header">
        <div class="header-left-title">
            <div class="welcome"><img  class="icon" src="images/icon/welcome.png" alt="">&nbsp;欢迎来到<a href="">AnJunDCM官网</a>!</div>
            <div class="login">&nbsp;&nbsp;&nbsp;<a href="login.html">登陆</a>&nbsp;丨&nbsp;<a href="reg.html">免费注册</a></div>
        </div>
        <div class="header-center-title">
            <ul>
                <li><a href="">我的AnJun</a></li>
                <li><a href="cart.html">购物车</a><span class="count">1</span></li>
                <li><a href="">我的订单</a></li>
                <li><a href="">收藏网站</a></li>
                <li><a href="">积分</a></li>
            </ul>
        </div>
        <div class="header_right_title">
            <ul>
                <li><a href="">我要供货</a></li>
                <li><a href="">客服中心<i class="kefu-icon"><img src="images/kefu.png" alt="" width="20" height="20"></i></a></li>

            </ul>

        </div>


    </div>
    <div class="header-nav-box">
        <div class="nav">
            <div class="nav-logo">
                <a href="" class="logo"><img src="images/logo.png" alt=""></a>
            </div>
            <div class="nav-search-box">
                <form action="" name="fomr1">
                    <div class="nav-search">
                        <div class="bar1">
                            <input type="text" placeholder="请输入您要搜索的内容..." class="text"><button type="submit" class="btn">搜索</button>
                        </div>
                        <div class="search-key">
                            <span class="key-title">热搜词汇:</span>
                            <div class="key">
                                <ul>
                                    <li><a href="">手机</a></li>
                                    <li><a href="">电子产品</a></li>
                                    <li><a href="">衣服</a></li>
                                    <li><a href="">鞋子</a></li>
                                    <li><a href="">鞋子</a></li>
                                    <li><a href="">鞋子</a></li>
                                    <li><a href="">鞋子</a></li>
                                    <li><a href="">鞋子</a></li>
                                    <li><a href="">鞋子</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="wechat-box">
                <ul>
                    <li><img src="images/app.jpg" alt="" width="110" height="110"></li>
                    <li><img src="images/app.jpg" alt="" width="110" height="110"></li>
                </ul>
            </div>

        </div>
        <div class="nav-daohang">
            <div class="daohang">
                <ul>
                    <li><a href="goods.html">全部分类</a></li>
                    <li><a href="index.html">首页</a></li>
                    <li><a href=""> 选品采购</a></li>
                    <li><a href="daigou.html">指定代购</a></li>
                    <li><a href="need.html"> 需求提交</a></li>
                    <li><a href="">个性定制</a></li>
                    <li><a href="wl-case.html">物流方案</a></li>
                    <li><a href="join.html">我要入驻</a></li>
                    <li><a href="us.html">关于我们</a></li>
                </ul></div>
        </div>

    </div>
</div></div>
<!--hearder end!-->

<!--reg-->
<div class="reg-main-box">
<div class="reg-main">
<div class="reg-title">
    <h3 id="two1" onmouseover="setContentTab(&#39;two&#39;,1,3)" class="active">个人买家注册</h3>
    <h3>|</h3>
    <h3 id="two2" onmouseover="setContentTab(&#39;two&#39;,2,3)">企业买家注册</h3>
    <h3>|</h3>
    <h3 id="two3" onmouseover="setContentTab(&#39;two&#39;,3,3)">供应商注册</h3>
</div>
    <div class="reg-move">
        <img src="images/move.jpg" alt="">
    </div>

<!--个人登录-->
    <div class="reg-content" id="con_two_1" style="display: block;">
    <ul>
    <li><i>*</i>&nbsp;&nbsp会员名:&nbsp<input type="text"></li>

    <li><i>*</i>&nbsp;登录密码:<input type="password"></li>

    <li><i>*</i>&nbsp密码确认:<input type="password"></li>
        <li><i>*</i>&nbsp手机号码:<input type="text"></li>
    <li class="reg-code"><i>*</i>&nbsp&nbsp;&nbsp;验证码:<input type="text"><span>&nbsp;<img src="images/timg.jpg" alt=""></span></li>
        <li><input type="checkbox" class="reg-checkbox"><a href="">已阅读会员服务协议选项</a></li>

        <li><button type="submit">下一步</button></li>

    </ul>
</div>
    <!--个人登录end!-->

    <!--企业登录-->
    <div class="reg-content" id="con_two_2" style="display: none;">
        <ul>
            <li><i>*</i>&nbsp;&nbsp;&nbsp;&nbsp;会员名:<input type="text"></li>
            <li><i>*</i>&nbsp;&nbsp;登录密码:<input type="password"></li>

            <li><i>*</i>&nbsp&nbsp;密码确认:<input type="password"></li>
            <li><i>*</i>&nbsp联系人姓名:<input type="text"></li>
            <li><i>*</i>&nbsp企业名称:<input type="text"></li>
            <li><i>*</i>&nbsp手机号码:<input type="text"></li>
            <li class="reg-code"><i>*</i>&nbsp&nbsp;&nbsp;验证码:<input type="text"><span>&nbsp;<img src="images/timg.jpg" alt=""></span></li>
            <li><input type="checkbox" class="reg-checkbox"><a href="">已阅读会员服务协议选项</a></li>
            <li><button type="submit">下一步</button></li>

        </ul>
    </div>
    <!--企业登录end-->

    <!--供应商注册-->
    <div class="reg-content" id="con_two_3" style="display: none;">
        <ul>
            <li><i>*</i>&nbsp;&nbsp;会员名:&nbsp;<input type="text"></li>

            <li><i>*</i>&nbsp;登录密码:<input type="password"></li>

            <li><i>*</i>&nbsp;密码确认:<input type="password"></li>
            <li><i>*</i>&nbsp;法人姓名:<input type="text"></li>
            <li><i>*</i>&nbsp;企业名称:<input type="text"></li>
            <li><i>*</i>&nbsp;手机号码:<input type="text"></li>
            <li><i>*</i>&nbsp;支付宝:<input type="text"></li>
            <li><i>*</i>&nbsp;微信:<input type="text"></li>
            <li><i>*</i>Email邮箱:<input type="text"></li>
            <li class="reg-code"><i>*</i>&nbsp&nbsp;&nbsp;验证码:<input type="text"><span>&nbsp;<img src="images/timg.jpg" alt=""></span></li>
            <li><input type="checkbox" class="reg-checkbox"><a href="">已阅读会员服务协议选项</a></li>
            <li><button type="submit">下一步</button></li>

        </ul>
    </div>
    <!--供应商注册end-->


</div>




</div>
<!--reg end!-->

<!--footer-->
<div class="footer-box" >
    <div class="footer-list-box">
        <div class="footer-list">
            <ul><img src="images/icon/about.png" alt="" width="20" height="20">&nbsp;关于我们
                <li class="magin"><a href="">关于安骏</a></li>
                <li><a href="">产品服务</a></li>
                <li><a href="">联系我们</a></li>
                <li><a href="">企业文化</a></li>
            </ul>
        </div>

        <div class="footer-list">
            <ul><img src="images/icon/zhinan.png" alt="" width="20" height="20">&nbsp;新手指南
                <li class="magin"><a href="">新手福利</a></li>
                <li><a href="">推荐有奖</a></li>
                <li><a href="">会员中心</a></li>
                <li><a href="">我的积分</a></li>
                <li><a href="">客服中心</a></li>
            </ul>
        </div>

        <div class="footer-list">
            <ul><img src="images/icon/zhifu.png" alt="" width="20" height="20">&nbsp;支付方式
                <li class="magin"><a href="">支付宝</a></li>
                <li><a href="">WeChat</a></li>
                <li><a href="">前海支付</a></li>
                <li><a href="">银联支付</a></li>
                <li><a href="">其它支付</a></li>
            </ul>
        </div>

        <div class="footer-list">
            <ul><img src="images/icon/daohang.png" alt="" width="20" height="20">&nbsp;网站导航
                <li class="magin"><a href="">选品采购</a></li>
                <li><a href="">指定代购</a></li>
                <li><a href="">需求提交</a></li>
                <li><a href="">我要入驻</a></li>
                <li><a href="">系统登录</a></li>
            </ul>
        </div>

        <div class="footer-list">
            <ul><img src="images/kefu.png" alt="" width="20" height="20">&nbsp;客服电话：
                <li class="magin" id="phone"><a href="">0755-12345678</a></li>
                <li><a href="">地址：深圳市龙岗区坂田街道格泰隆工业园</a></li>
                <li><a href="">邮箱：123456789@qq.com</a></li>

            </ul>
        </div>

        <div class="footer-list" style="margin-left: 100px;">
            <ul><img src="images/app.jpg" alt="" width="150" height="150">
                <li class="magin" id="guanzhu"><a href="">关注安骏</a></li>

            </ul>
        </div>


    </div>
    <div class="footer-footer">
        © 2020-2020 AnJun DCM  All Rights Reserved 9.0 备案号：123456789

    </div>

</div>
<!--footer end!-->


<!--选项卡js-->
<script type="text/javascript">
    function setContentTab(name, curr, n) {
        for (i = 1; i <= n; i++) {
            var menu = document.getElementById(name + i);
            var cont = document.getElementById("con_" + name + "_" + i);
            menu.className = i == curr ? "active" : "";
            if (i == curr) {
                cont.style.display = "block";
            } else {
                cont.style.display = "none";
            }
        }
    }
</script>
</body>
</html>